<template>
	<view id="appbw">
		<!-- 推销员管理 -->
		<!-- 团队列表 -->
		<view class="wrap plr30">
			<!-- 行 -->
			<view class="rows ptb30 bdb1se" v-for="(item,index) in list" :key="index">
				<view class="col df aic">
					<!-- 头像 -->
					<view class="avatar wh90">
						<image :src="item.userData.avatar" mode="aspectFill"></image>
					</view>
					<!-- 用户名 -->
					<view class="userName ml30 c333 f30">{{item.userData.nickname}}</view>
				</view>
				<view class="btn prmary w180" @click="look(item)">查看详情</view>
			</view>
		</view>

	</view>
</template>
<script>
	// 定义全局变量that
	var that;
	export default {
		// 页面变量
		data() {
			return {
				// 团队
				list: [],
			}
		},

		// 页面加载完成后
		onLoad() {
			that = this;

			// 获取下级人员
			that.getPeo();
		},

		// 方法集
		methods: {
			// 获取推销员
			getPeo() {
				// 请求接口 
				that.request({
					url: '/api/user/friend',
					// 调用成功
					success(rs){
						// 返回成功
						if(rs.code == 1){
							// 赋值列表
							that.list = rs.data;
						}else{
							//弹窗提示用户
							that.alert(rs.msg);
						}
					}
				})
			},
			
			// 查看
			look(item) {
				// 跳转页面
				uni.navigateTo({
					url: '/pages/my/shop/tuipro?nickname=' + item.userData.nickname,
				})
			},
		},
	};
</script>
<style>
	/* 我的团队 */
	.weTeam {
		/* height: 300rpx; */
	}
</style>